<script lang="ts">
// 在vue的组件文件中, 提供结构的方式 可以在template标签中书写结构
// 还有一种方式可以为组件提供结构 h+render函数
// 如果使用h+render函数为组件提供结构, 先将template标签删除

import { h } from 'vue'
// 使用这种方式创建组件结构, 和template标签是互斥的,
// 使用函数的方式为组件提供结构, 函数式组件
// vue中还是推荐使用 template为组件提供结构的
export default {
  render() {
    return h('h1', { id: 'box', class: 'container' }, '我是大标题')
  },
}
</script>
<!-- <template>
  <div>
    <h1>标题</h1>
    <p>sasa</p>
  </div>
</template> -->

<style scoped></style>
